@media only screen and (max-width: 1199px) {
    .navfull ul li a {
		padding: 28px 14px 0px;
	}
	ul.loginDropdown > li > a {
		padding: 3px 0 3px 15px;
	}
	.header  .column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		text-align: center;
	}

	.header  .column p {
		font-size: 1.5em;
	}

	.header  .column:nth-child(2) {
		text-align: center;
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
	.header  .main{display:block;margin:0;}
	.header  .main .column{position: fixed;z-index: 1;}
	.header  .header{display: none;}
	.header  .st-container,
	.header  .st-pusher,
	.header  .st-content {height: 100%; }
	.header  .st-content {overflow-y: scroll; }
	.header  a.titleLink {display: inline-block; color: #fff;}
	.seriesList .courseBox{height: 180px;}
	.circle .grid_4{width: 380px;}
	.uploadimgs{height: 107px;}
	.author_info{width: 150px;}
	.courseResponse a.arrow{background: #ffffff url(../images/arrow.png) no-repeat 75px 27px;}
	.courseResponse a.arrow:hover{
		background: #177aad url(../images/arrowhover.png) no-repeat 75px 27px;
	}
	.courseResponse a.addPractice {background: #eaeaea url(../images/add.png) no-repeat 165px -65px;}
	.courseResponse a.addPractice:hover{background: #177aad url(../images/add.png) no-repeat 165px 35px;}
	.courseResponse a.addPractice span{padding-left: 25px;}
	/*welcome*/
	.welcomeBlock img{padding:0;max-width: 100%;}
	.container .search.grid_3{width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.courseList .container .grid_3,.inspireList .container .grid_3{
			width: 48%;
			margin-left: 1%;
			margin-right: 1%;
		}
		.zoneAll .seriesList .zone4 .courseBox {min-height: 280px;}
		/* .zoneAll .zone4 {width: 80%;margin:0 10%;} */
		.courseBox a.courseBoxImg{height:230px;}
		.zoneAll .zone3 .courseBox a.courseBoxImg {height: auto; max-height: 136px; }
		.scrollable a {margin: 10px 5px 10px 11px;  width: 100px; height: 80px;  }
		.scrollable img {width: 100px; }
		a.browse{margin: 0;}
		
		.hotMemberImg {height: 90px;}
		.hotMemberImg:hover {height: 106px;}
		
		/*xmas.html*/
		a.pre_btn{display: none;}
		a.make_btn{padding: 40px 7px;margin: 17% 15% 15% 15%;}
		
		.error404-num{
			height: 550px;
			background: url(../images/Santa2.png) 50% 0 no-repeat;
			background-size: 100% auto;
		}
}
@media only screen and (min-width: 768px) and (max-width:905px){
	.zoneAll .zone4 {width: 94%;margin: 0;}
	.zoneAll .seriesList .zone4 .courseBox {min-height: 200px;}
	.zoneAll .zone3 .courseBox a.courseBoxImg {height: auto; max-height: 103px; }
	.scrollable a {margin: 10px 5px 10px 11px;  width: 100px; height: 80px;  }
	.scrollable img {width: 100px; }
	a.browse{margin: 0;}

	/*welcome*/
	.welcomeBlock img{padding:0;max-width: 100%;}
	.container .search.grid_3{width: 100%;}
	
}

@media only screen and (max-width: 767px) {
		.courseHeader .container{padding-bottom: 0px;}
		.courseHeader .grid_5{margin-bottom: 0px;}
		.courseHeader a.author_img	{width: 80px; height: 80px;}
		.author_img img {max-width: 80px; border-radius: 40px;}
		.author_contact a{width:38px;height:38px;display: block;font-size: 15px;margin-bottom: 5px;padding:0px;border-radius:19px;border:1px solid #bbbbbb;}	
		.author_contact a span{font-size: 12px;margin: 12px 0 0 7px;}
		.author_contact a span.focus{margin: 12px 0 0 4px;}
		.author_info{width:180px;background-position: 100% 15%;}
		
		.courseResponse a.arrow,.courseResponse a.arrow:hover{background-position: 255px 15px;}
		.courseResponse a.addPractice{background-position: 255px -65px;}
		.courseResponse a.addPractice:hover{background-position: 255px 35px;}
		.courseResponse a.addPractice span{padding-left: 100px;}
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zoneAll .memberattention .otherimg{
			width: 90%;
		}
		.list-screen{margin-top: 43px;}
		.share2 .list-screen-condition{border-bottom: 1px solid #eff2f5; float:left;}
		.list-screen-condition .screen-condition{width:99px;}
		.list-screen-condition .screen-condition a.cond-down span{padding:13px 20px 13px 15px}
		.list-screen-condition .screen-condition a.cond-down i{right:0px;width:15px;}
		.list-screen-condition li.list-item{width:99px;}
		.list-screen-condition li ul a {width:99px;padding:0;text-align: center;}
		.addTopButton{margin-top: 15px;}
		.classify .grid_12{margin-bottom: 15px;}
		.share2{display: block;padding-top: 46px;background: rgba(255,255,255,1);border-bottom: 1px solid #e1e1e1;}
		.share2 .list-screen-condition li.share{float: left;margin-right: 10px;}
		.share2 .list-screen-condition li a.topShare,a.topGoogle,a.topLove,a.topCollect,a.topClassify{
        display: block;
        height:35px;
        margin:10px 0;
        background: transparent;
        border: 1px solid #e1e1e1;
        border-radius: 0.25em;
        -webkit-transition: background 0.2s, border 0.2s;
    	-moz-transition: background 0.2s, border 0.2s;
    	transition: background 0.2s, border 0.2s;
    	color:#3b3b3b;
    	background:#fff;}
    	.share2 .list-screen-condition li a.topShare img{margin: 5px 10px;display: inline;}
		.share2 .list-screen-condition li a.topShare span{font-size: 14px;}
		.share2 .list-screen-condition li a.topShare:hover{background-color: #3b599a;border-color: #3b599a;color:#ffffff;}
		.share2 .list-screen-condition li a.topShare img.fb2{display: none;}
		.share2 .list-screen-condition li a.topGoogle img{margin: 8px 10px;display: inline;}
		.share2 .list-screen-condition li a.topGoogle span{font-size: 14px;}
		.share2 .list-screen-condition li a.topGoogle:hover{background-color: #df4a32;border-color: #df4a32;color:#ffffff;}
		.share2 .list-screen-condition li a.topGoogle img.google2{display: none;}
		.share2 .list-screen-condition li a.topLove img{margin: 8px 10px;display: inline;}
		.share2 .list-screen-condition li a.topLove span{font-size: 14px;}
		.share2 .list-screen-condition li a.topLove:hover{background-color: #f75573;border-color: #f75573;color:#ffffff;}
		.share2 .list-screen-condition li a.topLove img.love2{display: none;}
		.share2 .list-screen-condition li a.topCollect img{margin: 8px 10px;display: inline;}
		.share2 .list-screen-condition li a.topCollect span{font-size: 14px;} 
		.share2 .list-screen-condition li a.topCollect:hover{background-color: #e1a619;border-color: #e1a619;color:#ffffff;}
		.share2 .list-screen-condition li a.topCollect img.collect2{display: none;}
		.share2 .list-screen-condition li a.topClassify img{margin: 8px 10px;display: inline;}
		.share2 .list-screen-condition li a.topClassify span{font-size: 14px;}
		.share2 .list-screen-condition li a.topClassify:hover{background-color: #bbbbbb;border-color: #bbbbbb;}
		.courseResponse .modify2{margin-left: 0;}
		.courseResponse .grid_2{margin-bottom: 10px;}

		.memberRwdnav{display: block;}
		.membernavhide{display: none;}
		.navbarright{margin-right: 10%;}
		.seriesList .courseBox{height: 200px;}
		 .zoneAll .zone4 {width: 80%;margin:0 10%;}
		 .circle{margin: 35% auto;}
		 .btn_enter{margin-right: 82px;height: 35px;width: 70px;}
		
		.uploadimgs{height: 262px;}
		.worksListPrac {padding-top: 50px;}


		/* Popup
			---------------------------------------- */
		.reveal-modal {
			width: 290px;
			margin-left: -145px;
			top:20px;
			}
			
		/* Modal Body */
		.reveal-modal .cont {
			padding: 15px 0;
			width:250px;
			margin:0 auto;
			}
			
		.reveal-modal form.signin label,
		.reveal-modal form.signout label {
			float:none;
			width: 100%;
			padding-left:0;
			}
		.reveal-modal form.signin input[type="text"],
		.reveal-modal form input[type="text"] {
			float:none;
			margin-right:0;
			}
		.btn_login{margin: 10px 35px 0 0;}
		.pop_logo{width: 75%;vertical-align: text-bottom;}
		.searchWrap{padding-top:70px;}
		.container .search.grid_3{width: 100%;}
		
		/*xmas.html*/
		a.pre_btn{display: none;}
		a.make_btn{padding: 40px 7px;}
		
		.error404-num{
			height: 300px;
			background: url(../images/Santa3.png) 50% 0 no-repeat;
			background-size: 100% auto;
		}
		/*slider*/
		.rslides img{width: auto;}
		.rslidesWrap{max-height: none;}
		.rslides{height: 510px;}
		.rslidesWord{top: 10%;}
}
		

@media only screen and (min-width: 480px) and (max-width: 767px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zoneAll .zone2{
			margin-left:0;
			margin-right:0;	
			margin-top:46px;
		}
		.zone2 .courseList {
			width: 100%; 
		}
		.zone2 .navbar{
			margin-top: 0;
		}
		.zoneAll .zone2 .courseList .zone3{
			width: 80%; 
			display: table;
  			margin: 0 10%;	
		}
		.zoneAll .zone2 .courseList .navbarright{
			margin-right:10%;
		}
		.zone2 .courseList {
		margin-left: 0%;
		}
		.zoneAll .zone1{display: none;}
		.zoneAll .memberattention .otherimg{
			display:none;
		}
		.list-screen{display: none;}
		.header{display: block;z-index: 99999;}
		.classify {padding-top: 46px; }
		.list-screen-condition .screen-condition{width:139px;}
		.list-screen-condition li.list-item{width:139px;}
		.list-screen-condition li ul a {width:139px;padding:0;text-align: center;}
		.zoneAll .seriesList .zone4 .courseBox {min-height: 200px;}
		.zoneAll .zone4 {width: 80%;margin: 0 10%;}
		.zoneAll .zone2 .aboutmeleftnav{width:78.4%; height:auto; display: table; margin: 3% 10%;}
		.zoneAll .zone2 .aboutmerightnav{width:78.4%; height:auto; display: table; margin: 0 10%;}
		.scrollable a {margin: 10px 5px 10px 11px;  width: 100px; height: 80px;  }
		.scrollable img {width: 100px; }		
		a.browse{margin: 0;}		
		/*welcome*/
		.villagenew,.villagepro{padding: 60px 5% 80px; width: 90%;text-align: center;height: auto;}
		.welcomeman{display: none;}
		.welcomeBlock .grid_3{text-align: center;}
		.welcomeBlock img{padding:0;max-width: 100%;}

		.hotMemberImg {height: auto;}
		.hotMemberImg:hover {height: auto;}
		.cardInfoWrap{padding-top: 70px;}
		.cardShare {float: none; padding:8px 60px;  }

		/* Popup---------------------------------------- */
			.reveal-modal {
				width: 370px;
				margin-left: -185px;
				margin-top: 50px;
				}
		
			.hide480 {
				display: none;
			}

		.sectionHeader .fa{display: none;}
		.bannerhidden{display: none;}
		
		/*xmas.html*/
		a.pre_btn{display: none;}
		a.make_btn{padding: 40px 7px;margin: 13%;}
		
		.error404-num{
			height: 380px;
			background: url(../images/Santa3.png) 50% 0 no-repeat;
			background-size: 100% auto;
		}
		
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
	
		.welcomeBlock .grid_3 {
			text-align: center;
		}
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zone2 .navbar{
			margin-top: 0;
		}
		.zoneAll .zone2{
			margin-left:0;
			margin-right:0;	
			margin-top:46px;
		}
		.zoneAll .zone2 .courseList .zone3{
			width: 80%; 
			display: table;
  			margin: 0 10%;	
		}
		.zoneAll .zone2 .courseList .navbarright{
			margin-right:10%;
		}
		.zone2 .courseList {
		margin-left: 0%;
		}
		.zoneAll .zone1{display: none;}
		.zoneAll .memberattention .otherimg{
			display:none;
		}
		.list-screen{display: none;}
		.header{display: block;z-index: 99999;}
		.classify {padding-top: 46px; }
		.zoneAll .zone4 {width: 86%;margin: 0 11%;}
		.zoneAll .zone2 .aboutmeleftnav{width:78.4%; height:auto; display: table; margin: 3% 10%;}
		.zoneAll .zone2 .aboutmerightnav{width:78.4%; height:auto; display: table; margin: 0 10%;}
		.circle{width: 300px;/*height: 350px;*/margin: 35% auto;border-radius: 25px;}
		.circle .grid_4{width:300px;}
		.circle .topImg{width:84px;height:84px;padding-top: 10%;}
		 .textbox{width:150px;padding: 10px 5px 5px 25px;}
		 /*.circle a.fgpwd{padding: 0px 5px 10px 10px;}*/
		 .btn_enter{margin-right: 60px; height: 35px; width: 70px;}
		.scrollable a {margin: 0px;  width: 70px; height: 50px; }
		.scrollable img {width: 70px; }
		a.browse{margin: 3px;height: 40px;background-image: none;}
		.courseResponse a.arrow,.courseResponse a.arrow:hover{background-position: 180px 27px;}
		.courseResponse a.addPractice{background-position: 200px -65px;}
		.courseResponse a.addPractice:hover{background-position: 200px 35px;}
		.courseResponse a.addPractice span{padding-left: 60px;}
		/*welcome*/
		.villagenew,.villagepro{padding: 30px 5%; width: 90%;float: left;text-align: center;height: auto;}
		.welcomeman{display: none;}
		.mm-menu.mm-current {
		  
		  padding-right: 20px; 
		  }

		.cardInfoWrap{padding-top: 70px;}
		.cardShare {float: none; padding:8px 60px;  }
		.sectionHeader .fa{display: none;}
		.bannerhidden{display: none;}
		
		/*xmas.html*/
		a.pre_btn{display: none;}
		a.make_btn{padding: 40px 7px;}
		
		.error404-num{
			height: 300px;
			background: url(../images/Santa3.png) 50% 0 no-repeat;
			background-size: 100% auto;
		}	
}